/* --------reset-------- */
.cb:after{content:"\20";display: block;width:0;height:0;clear:both;}
.cb{zoom:1;}
.ofH{overflow:hidden;}
.clear{ width:0; height:0; clear:both; overflow:hidden;}
.mc{margin-left:auto;margin-right:auto;}
.taC{text-align:center;}
.fL{float:left;}
.fR{float:right;}

body{
    font-family:  黑体;
}
ul,ol,li,p,body,h2,h3,h4,h5{
    padding: 0;
    margin: 0;
    list-style: none;
}
a{
    text-decoration: none;
}
.f25{
    font-size: 25px;
    text-align: center;
}
.p18{
    font-size: 18px;
    padding: 0 152px;
    text-align: center;
    color: #383838;
}
.p15{
    color: #5E5E5E;
    font-size: 15px;
    line-height: 30px;
}
.mg10{
    margin-top: 10px;
}
.mg20{
    margin-top: 20px;
}
.mg40{
    margin-top: 40px !important;
}
.normal{
    font-weight: normal;
}
.c43{
    color: #434343;
}
.lf{
    float: left;
}
.rt{
    float: right;
}
.overf{
    overflow: hidden;
}
.w1200{
    width: 1200px;
    margin: 0 auto;
}
.w600{
    width: 600px;
}
.w1200:after{
    content: '';
    display: block;
    clear: both;
}
.top{
    background: #000;
}
.top a{
    text-decoration: none;
    color: #9A9A9A;
    font-size: 13px;
}
.top a:hover{ color:#cacaca; text-decoration:underline;}
.top_rt{
    float: right;
    height:44px;
}
.top_rt li{
    float: left;
    padding-left: 10px;
}
.top_con{ font-size:13px;
    height: 44px;color: #9A9A9A;
    line-height: 44px;
}
.nav{

    height: 100px;
    width: 100%;
    background: #1b2663;
    position: relative;
}
/*nav*/
.menu{
    position: absolute;
    width: 100%;
    height:210px;
    text-align: center;
    left: 0;
    top: 100px;
    z-index: 108;
    line-height: normal;
    display: none;
    background: rgba(0,0,0,.8);
}
.menu li{
    height: 30px;
    line-height: 30px;
}
.menu li a{
    color: #FFF;
}
.nav_con{
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    top: 0;
}
.nav_lf{
    float: left;
}
.spacing{
    letter-spacing: 2px;
}
.nav_rt{
    float: right;
    line-height: 100px;
}
.nav_rt>ul>li{
    float: left;
}
.nav_rt li.fL{

}
.nav_rt li.en{
    padding-left: 38px;
}
.nav_rt li.en:last-child a{
    display: inline-block;
    /*margin-top: 3px;*/
    padding: 0 14px;
}
.nav_rt>ul>li>a{
    color: #fff;
    font-size: 15px;
    width: 100%;
    padding: 5px 14px;
    box-sizing: border-box;
}
/*.nav_rt>ul>li:hover>a{*/
    /*background: #0F1527;*/
/*}*/
/*.nav_rt>ul>li:hover .menu{*/
    /*display: block;*/
/*}*/
.nav_rt>ul>li .menu li:hover a{
    color: #E2745B;
}
.logo{
    margin-top: 23px;
}
.code{
    border-left: 1px solid #A4A8B6;
    padding-left: 10px;
    margin-left: 10px;
    margin-top: 30px;
    color: #A4A8B6;
}
/*foot*/
.foot{
    position: relative;
    width: 100%;
    height: 200px;
}
.middle {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: absolute;
}
#container {
    width: 100%;
    position: absolute;
}
#output {
    height: 100%;
    width: 100%;
}
#output canvas{
    width: 100%;
    height: 400px;
}
/*num倒计时框*/
.num{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
    color: #fff;
}
.wrapper{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.counter{
    float: left;
    margin-top: 39px;
}
.count-title{
    display: inline-block;
    font-size: 68px;
    font-weight: bold;
}
.flex{
    text-align: center;
    width: 350px;
}
.count-text{
    text-align: center;
    font-size: 14px;
}
.start .flex{
    width: 200px;
}
.end .flex{
    width: 300px;
}
.flex span{
    font-size: 13px;
}
.foot_nav{
    width: 100%;
    height: 208px;
    background: #39424B;
}
.support{
    height: 100px;
    line-height: 100px;
    background: #39424B;
    border-top: 1px solid #444D55; font-size:13px;
}
.support a{color:#fff;}
.support a:hover{ text-decoration:underline;}
.support p{
    text-align: center;
    font-size: 13px;
    color: #EAEBEB;
}
.fn{
    float: left;
    margin-top: 50px;
    margin-right: 106px;
}
.fn_title{
    color: #FBFDFC;
    font-size: 18px;
    padding-bottom: 30px;
}
.sp{
    font-size: 13px;
    color: #E6E7E7;
    margin-bottom: 5px;
}
.zx_tel{
    color: #fff;
    margin-top: 6px;
}
.fn_end{
    width: 300px;
}
.fn_end .fL{
    float: left;
    width: 75px;
    margin-bottom: 10px;
}
.fn_end .fL a{
    color: #F1F2F2;
    font-size: 13px;
}
.fn_end .fL a:hover{ text-decoration:underline;}
.rn{
    float: left;
    margin-top: 52px;
    width: 104px;
    height: 104px;
}
.rn image{
    max-width: 100%;
}
/*slider轮播*/
.banner {
    width: 100%;
    height: 600px;
    overflow: hidden;
    position: relative;
    font-size: 0;
}
.b-list {
    height: 50px;
    padding-top: 550px;
    position: relative;
    margin: 0 auto;
    z-index: 1;
}
.b-list .spcss {
    border: 2px solid #fff;
}
.b-list span {
    display: block;
    cursor: pointer;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 2px solid #C6C6C6;
    float: left;
    margin: 0 5px;
}
.b-img {
    height: 600px;
    position: absolute;
    left: 0;
    top: 0;
}
.b-img a{
    display: block;
    height: 600px;
    float: left;
}
/*产品与行业应用*/
.industry_app{
    background: #F2F2F2;
    padding-bottom: 64px;
}
.app_title{
    padding: 51px 0;
}
.app_title h2,.app_title p{
    text-align: center;
}
.app_title h2{
    font-weight: normal;
}
.app_title p{
    margin-top: 34px;
    font-size: 13px;
    color: #6F6F6F;
}
.app_show{
    height: 560px;
}
.show1{
    width: 400px;
    height: 560px;
    background: rgba(0,0,0,.1);
}
.show2{
    width: 800px;
    height: 560px;
    background: rgba(0,0,0,.2);
}
.toggle{
    position: relative;
    overflow: hidden;
}
.toggle:hover .model{
    top: 100%;
}
.toggle:hover .cover{
    top: -100%;
}
.toggle:hover .pro_lf{
    opacity: 1;
}
.toggle:hover .model img{
    opacity: 0;
}
.model{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background: rgba(0,0,0,.6);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.model img{
    margin-top: 50px;
    margin-left: 50px;
    opacity: 1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.model h2{
    color: #fff;
    font-weight: normal;
    padding: 10px 0 0 50px;
}
.cover{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.pro_lf{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 98;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    transition-delay: .3s;
}
.s_top,.s_btm{
    width: 800px;
    height: 280px;

}
.s_top .a1{
    float: left;
    width: 400px;
    height: 280px;

}
.s_top .a2{
    float: left;
    width: 400px;
    height: 280px;

}
.s_btm .b2{
    float: left;
    width: 300px;
    height: 280px;

}
.s_btm .b1,.s_btm .b3{
    float: left;
    width: 250px;
    height: 280px;

}
.pro_title{
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 13px 0;
    background: #fff;
    text-align: center;
    color: #000;
}
.about{
    background: url("../images/08.jpg") no-repeat top center fixed;
    width: 100%; padding-bottom:70px;
}
.about_title{
    text-align: center;
    padding-top: 51px;
}
.about_title h2{
    font-weight: normal;
    color: #fff;
    margin-bottom: 55px;
}
.about_title p{
    font-size: 13px;
    color: #fff;
    line-height: 35px;
}
.more{
    margin-top: 53px;
    padding-bottom: 72px;
}
.more a{
    background: url("../images/dir.png") no-repeat 70px 13px;
    display: block;
    width: 230px;
    height: 42px;
    margin: 0 auto;
    border: 1px solid #fff;
}
.pic{
    width: 280px;
    height: 230px;
    float: left;
    position: relative;
    margin-right: 26px;
}
.pic:last-child{
    margin-right: 0;
}
.pic .tl{
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #fff;
    text-align: center;
    margin-top: -4px;
}
.about_pic{
    padding-bottom: 70px;
}
.about_con{
    opacity: 1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.scale{
    position: absolute;
    width: 100%;
    height: 108%;
    left: 0;
    top: -9px;
    background: rgba(0,0,0,.8);
    padding:26px 50px 0 50px;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    border: 1px solid #232322;
    opacity: 0;
}
.scale h4{
    font-weight: normal;
    margin-bottom: 12px;
}
.scale p{
    font-size: 13px;
    line-height: 24px;
    margin-top: 20px;
}
.pic:hover .about_con{
    opacity: 0;
}
.pic:hover .scale{
    opacity: 1;
}
.scroll{
    margin-top: 28px;
    position: relative;
}
.scroll .roll{
    position: absolute;
    left:0;
    top: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.pic:hover .roll{
    left: 35%;
    transform: rotate(1080deg);
}
/*新闻动态*/
.news{ background:#f5f5f5;
    padding-bottom: 78px;
}
.news_title{
    padding: 44px 0;
}
.news_title h2{
    font-weight: normal;
}
.news_lf .active{
    background: #293B92;
    color: #fff;
}
.news_lf{
    width: 635px;
    height: 354px;
    position: relative;
}
.news_rt{
    width: 525px;
    height: 355px;
    border: 1px solid #dddddd;
    float: right;
    position: relative;
}


.news_rt img {-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;-webkit-transform: scale(1);transform: scale(1);}
.news_rt:hover img {-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;-webkit-transform: scale(1.15);transform: scale(1.15);}
.news_rt  {position: relative;z-index: 1;display: inline-block;overflow: hidden; cursor: pointer;}

.zj_toggle img {-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;-webkit-transform: scale(1);transform: scale(1);}
.zj_toggle:hover img {-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;-webkit-transform: scale(1.15);transform: scale(1.15);}
.zj_toggle  {position: relative;z-index: 1;display: inline-block;overflow: hidden; cursor: pointer;}

.td_ul a li img {-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;-webkit-transform: scale(1);transform: scale(1);}
.td_ul a li:hover img {-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;-webkit-transform: scale(1.15);transform: scale(1.15);}
.td_ul a li  {position: relative;z-index: 1;display: inline-block;overflow: hidden; cursor: pointer;}






.news_lf .li{
    border: 1px dotted #777777;
    border-right: none;
}
.news_lf .li:last-child{
    border-right: 1px dotted #777777;
    width: 200px;
}
.news_lf .list{
    display: block;
    width: 136px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    margin: 1px;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.news_lf .last{
    box-sizing: border-box;
    margin: 1px;
    display: block;
    width: 136px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    cursor: pointer;
    color: #000;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.news_lf .last:hover{
    background: #293B92;
    color: #FFF;
}
.news_lf ul .li{
    float: left;
}
.li .show{
    display: block;
}
.news_con{
    position: absolute;
    width: 635px;
    left: 0;
    top: 66px;
    display: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    transition-delay: .2s;
}
.con1{
    overflow: hidden;
    padding: 14px 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.con1:hover{
    background: #F0F0F0;
}
.news_con .con1:nth-child(2){
    border-top: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
}
.con_lf,.con_rt{
    float: left;
}
.con_lf{
    width: 66px;
    height: 69px;
    border: 1px solid #ddd;
}
.con_rt{
    width: 535px;
    padding-left: 20px;
}
.con_rt h4{
    font-weight: normal;
    color: #000;
    font-size: 15px;
    padding-bottom: 9px;
}
.indent{
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient:  vertical;
    color: #636363;
    font-size: 14px;
}
.con_date{
    width: 100%;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 24px;
    color: #666666;
    background: #E7E7E7;
    font-weight: 600;
}
.con_year{
    height: 27px;
    line-height: 27px;
    text-align: center;
    color: #6B6B6B;
}
.vedio_pro{
    background: rgba(84,98,168,.9);
    box-sizing: border-box;
    position: absolute;
    padding: 20px;
    width: 100%;
    bottom: 0;
    left: 0;
}
.vedio_pro div{
    color: #fff;
}
.v_logo{
    float: right;
}
.video_wz a{ color:#fff;}
.video_wz a:hover{ text-decoration:underline;}
/*关于我们页面*/
.abt_top{
    height: 730px;line-height: 30px;
    background: url(../images/ab02.jpg) no-repeat fixed center;
    
    color: #fff;
}
.abt_title{
    padding-top: 40px;
}
.abt_title h2{
    font-weight: normal;
    color: #fff;
}
.abt_title .abt_con{
    color: #fff;
    line-height: 34px;
    margin-top: 37px;
    font-size: 14px;
}
.abt_more{
    
    padding-bottom: 23px;
}
.abt_more a{
    background: url(../images/dir.png) no-repeat 70px 13px;
    display: block;
    width: 230px;
    height: 42px;
    margin: 0 auto;
    border: 1px solid #fff;
}
.wrapper .start .abt,.wrapper .end .abt{
    width: 260px;
}
.wrapper  .abt{
    width: 680px;
}
.wh{
    width: 590px;
    height: 440px;
    position: relative;
    overflow: hidden;
}
.wh_model{
    padding: 82px 60px;
    position: absolute;
    background: rgba(0,0,0,.2);
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    left: 0;
    top: 0;
    color: #FFFEF8;
}
.wh_model h2{
    font-weight: normal;
    padding-bottom: 24px;
}
.wh_model p{
    font-size: 15px;
    color: #F3F0EB;
}
.wh_model a{
    display: block;
    color: #FFFFFA;
    width: 178px;
    height: 39px;
    line-height: 39px;
    padding-left: 18px;
    background: url("../images/rt.png") no-repeat 160px 12px;
    border: 1px solid #FFF;
    margin-top: 55px;
}
.wh_model a:hover{  background: #283890 url("../images/rt.png") no-repeat 160px 12px ; border:1px solid #283890;}
.gress_top,.gress_btm{
    position: relative;
    width:590px;
    height: 210px;
}
.g_model{
    position: absolute;
    top: 0;
    padding: 30px;
    box-sizing: border-box;
    width: 295px;
    height: 100%;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.gress_btm:hover .g_model,.gress_top:hover .g_model{
    width: 100%;
}
.g_model h2{
    font-weight: normal;
    padding-bottom: 20px;
}
.g_model p{
    font-size: 15px;
}
.g_model a{
    display: block;
    color: #FFFCFE;
    margin-top: 23px;
}
.g_model a:hover{ text-decoration:underline;}
.btm_model{
    left: 0;
    color: #FFFFFB;
    background: rgba(255,194,76,.9);
}
.top_model{
    right: 0;
    color: #FFFFFD;
    background: rgba(104,115,177,.9);
}
.server{
    padding-bottom: 84px;
}
.server_top{
    text-align: center;
    padding: 55px 0 48px 0;
}
.server_top h2{
    font-weight: normal;
}
.server_top p{
    font-size: 15px;
    margin-top: 4px;
    color: #7A7A7A;
}
.progress{
    width: 590px;
    height: 440px;
    float: right;
}
.bg{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.wh:hover .bg{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/*研发能力*/
.develop{
    width: 100%;
    height: 410px;
    background: url("../images/ab_bg2.jpg") no-repeat center;
    -webkit-transition: all .5s ;
    -moz-transition: all .5s ;
    -ms-transition: all .5s ;
    -o-transition: all .5s ;
    transition: all .5s ;
    transition-delay: .1s;
}
.develop:hover{
    background: url("../images/ab_bg1.jpg") no-repeat center;
}
.dvlp_model{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    text-align: center;
}
.dvlp h2{
    font-size: 41px;
    color: #FFA800;
    padding: 56px 0 8px 0;
}
.dvlp h3{
    font-size: 25px;
    color: #FFA800;
}
.dvlp i{
    display: block;
    width: 52px;
    height: 2px;
    background: #FFF;
    margin-top: 30px;
    margin-bottom: 36px;
    margin-left: 578px;
}
.dvlp p{
    line-height: 46px;
    color: #fff;
}
.dvlp span{
    color: #FFA800;
}
.zj{
    background: #E7E7E7;
    padding: 80px 0;
}
/*2017.11.30修改关于我们——专家团队*/
.zj_left{ width:525px;}
.zj_right{ width:600px;}
.zj_left .a{ font-size:42px; color:#000; font-weight:700; margin-top:15px;}
.zj_left .b{ background:#9f9f9f; width:40px; height:5px; margin-top:20px;}
.zj_left .c{ color:#292929; font-size:25px; margin-top:50px;}
.zj_left .d{ color:#4f4f4f; font-size:15px; line-height:25px; margin-top:25px;}
.zj_left .e a{ width:165px; height:38px; text-align:center; line-height:38px; background:#b6b6b6; display:block; font-size:14px; color:#000; margin-top:50px;text-decoration:none;transition-duration:0.5s;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
.zj_left .e a:hover{ background:#283890; color:#fff;}





/*修改结束*/





.zj_lf{
    width: 600px;
    height: 295px;
    float: left;
}
.zj_lf h2{
    font-weight: normal;
}
.zj_lf h3{
    font-weight: normal;
    padding-bottom: 20px;
}
.zj_lf p{
    width: 500px;
    font-size: 14px;
    color: #4E4E4E;
}
.zj_lf span{
    display: block;
    width: 22px;
    border-top: 2px solid #9F9F9F;
    margin-top: 17px;
    margin-bottom: 36px;
}
.zj_lf a{
    display: inline-block;
    padding-top: 22px;
    color: #000;
}
.zj_lf a:hover{ text-decoration:underline; color:#283890;}
.zj_rt{
    float: left;
    width: 600px;
    height: 295px;
}
.zj_toggle{
    position: relative;
    width: 300px;
    height: 295px;
    overflow: hidden;
    float: left;
}
.zj_toggle img{ width:300px; height:295px; overflow:hidden;}
.zj_toggle:hover .zj_model{
    top: 0;
}
.zj_model{
    background: rgba(80,94,164,.8);
    position: absolute;
    width: 100%;
    height: 100%;
    top: -100%;
    left:0;
    color: #fff;
    padding: 20px;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.zj_model a{ color:#fff;}
.zj_model a:hover{ text-decoration:underline;}
.zj_model h2{
    margin-top: 170px;
}
.zj_model p{
    font-size: 13px;
}
.cy{
    width: 300px;
    height: 295px;
    background: #212121;
    text-align: center;
}
.cy h2{
    color: #FFF;
    font-size: 50px;
}
.cy span{
    color: #A3A3A3;
}
.cy img{
    margin: 17px 0;
}
.cy_rt{
    width: 300px;
    height: 295px;
    background: #fff;
    float: right;
}
.cy .mg{
    padding-top: 28px;
}
.cooper{
    padding: 60px 0;
}
.co_top{
    text-align: center;
}
.co_top h2{
    font-weight: normal;
}
.co_top p{
    padding:5px;
    font-size: 14px;
    color: #686868;
}
.business{
    float: left;
    width: 220px;
    height: 96px;
    position: relative;
    margin-left: 16px;
    overflow: hidden;
    margin-top: 30px;
}
.bus_model{
    background: rgba(0,0,0,.8);
    position: absolute;
    top: -100%;
    left:0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ;
    -moz-transition: all .3s ;
    -ms-transition: all .3s ;
    -o-transition: all .3s ;
    transition: all .3s ;
}
.bus_model span{
    display: block;
    text-align: center;
    height: 100%;
    line-height: 96px;
    color: #fff;
}
.business:hover .bus_model{
    top: 0;
    box-shadow: 0 0 6px #ccc;
}
.cooper_more{
    margin-bottom: 87px;
}
.cooper_more a{
     background: url(../images/co_dir.png) no-repeat 70px 13px;
     display: block;
     width: 230px;
     height: 42px;
     margin: 0 auto;
     border: 1px solid #A4A4A4;
 }
.about_nav{
    height: 394px;
    color: #fff;
    background: url("../images/ab_nav1.jpg") no-repeat;
    background-size:cover ;
    text-align: center;
}
.about_nav p{
    font-size: 40px;
    padding-top: 115px;
}
.about_nav h2{
    font-weight: normal;
    padding: 6px 0 24px 0;
}
.js_nav{
    border-bottom: 1px solid #E0E0E0;
}
.js_nav ul li{
    float: left;
    padding: 20px 0;
    position: relative;
}
.js_nav ul li a{
    color: #000;
    display: inline-block;
    padding: 0 40px;
    border-right: 1px solid #BCBCBC;
}
.js_nav ul li a:hover{ color:#283890;}
.js_nav ul li:first-child a{
    padding-left: 0;
}
.js_nav ul li:last-child a{
    border-right: none;
}
.run{
    padding-top: 70px;
    height: 550px
}
.run_lf{
    width: 602px;
    height: 364px;
}
.run_lf p{
    font-size: 14px;
    line-height: 28px;
    color: #676767;
}
.run_lf .normal{
    font-size: 22px;
    padding: 5px 0 16px 0;
}
.nor_title{
    padding-top: 26px ;
}
.run_rt{
    width: 528px;
    height: 364px;
    float: right;
}
.js_con{
    padding-bottom: 124px;
}
.js_con .wrapper {
    background: url("../images/js_djs.jpg") no-repeat;
    height: 253px;
    text-align: center;
}
.js_con .wrapper .counter{
    margin-top: 76px;
}
.con3_title{
    font-size: 30px;
    font-weight: 600;
}
.con3_rt h3,.con4_rt h3{
    color: #464646;
    font-size: 22px;
    padding-top: 4px;
}
p.con3_c{
    font-size: 14px;
    color: #838383;
    line-height: 30px;
    padding-top: 16px;
}
.con3,.con4{
    overflow: hidden;
}
.con4{
    margin-top: 20px;
}
.con3_rt,.con4_rt{
    width: 671px;
    height: 274px;
    background: #ebebeb;
    float: left;
    padding: 50px;
    box-sizing: border-box;
}
.con3_lf,.con4_lf{
    width: 528px;
    height: 274px;
    overflow: hidden;
    float: left;
}
.brd{
    color: #2A3A91 !important;
}
.brd:after{
    content: '';
    display: block;
    position: absolute;
    width: 66%;
    height: 5px;
    background: #283890;
    left:16%;
    bottom: -2.5px;
}
.brd_first:after{
    left:0 !important;
}
.wh_lf,.wh_rt{
    width: 597px;
    height: 229px;
    float: left;
}
.wh_lf{
    margin-right: 5px;
}
.pd70{
    padding: 70px 0 20px 0;
}
#wh_list li{
    width: 400px;
    height: 98px;
    float: left;
    background: url("../images/wh_lf.jpg") no-repeat left top;
    padding: 11px 22px;
    box-sizing: border-box;
    margin-top: 30px;
}
#wh_list li h3{
    font-weight: 600;
}
#wh_list li p{
    width: 346px;
    color: #666666;
    font-size: 15px;
    margin-top: 10px;
}
.pd144{
    padding-bottom: 144px;
}
/*荣誉资质*/
.ry_con{
    padding: 70px 0 145px 0;
}
.ry_bg{
    height: 634px;
    background: url("../images/ry_bg.jpg") no-repeat;

}
.ry_lf{
    float: left;
    width: 540px;
    height: 100%;
    background: rgba(0,0,0,.9);
}
.ry_rt{
    float: left;
    width: 660px;
    height: 100%;
    background: rgba(100,100,100,.7);
}
.ry_pic{
    width: 420px;
    height: 554px;
    margin: 40px 0 0 60px;
    background: #fff;
    position: relative;
    text-align: center;
}
.ry_pic img{
    max-width: 400px;
}
.pic_title{
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    background: #283890;
    color: #ffffff;
}
.ry_rt{
    padding: 75px 55px;
    color: #fff;
    box-sizing: border-box;
}
.ry_small_pic{
    float: left;
    width: 167px;
    height: 118px;
    background: #FFF;
    text-align: center;
    line-height: 118px;
    margin: 0 10px 10px 0;
}
.ry_ul{
    overflow: hidden;
}
.ry_ncon{
    overflow-y: scroll;
    overflow-x: hidden;
    width: 550px;
    height: 380px;
}
.ry_small_pic img{
    max-width: 95%;
    height: 94px;
    vertical-align: middle;
}
/*研发能力*/
.yf_con{
    padding: 70px 0 153px 0;
}
.yf_lf{
    width: 597px;
    height: 332px;
    float: left;
}
.yf_top{
    overflow: hidden;
}
.yf_rt{
    width: 603px;
    height: 332px;
    float: left;
    border: 5px solid #ECECEC;
    border-left: none;
    box-sizing: border-box;
    padding: 51px 32px;
}
.yf_rt h2{
    font-size: 25px;
    color: #283890;
    padding-bottom: 27px;
}
.yf_rt p{
    font-size: 15px;
    line-height: 35px;
}
.yf_rt span{
    color: #909090;
}
.yf_rt .pad{
    display: inline-block;
    padding-top: 7px;
}
.yf_btm h2{
    padding-top: 67px;
    text-align: center;
    color: #373737;
    font-size: 35px;
}
.yf_btm p{
    text-align: center;
    font-size: 15px;
    color: #373737;
    padding-top: 12px;
}
.yf_btm ul{
    overflow: hidden;
    margin-top: 57px;
}
.yf_btm ul li{
    float: left;
    position: relative;
    width: 299px;
    height: 361px;
    margin-right: 1px;
    overflow: hidden;
}
.yf_btm ul li:hover img{
    transform: scale(1.1);
}
.yf_btm ul li img{
    -webkit-transition: all .3s ;
    -moz-transition: all .3s ;
    -ms-transition: all .3s ;
    -o-transition: all .3s ;
    transition: all .3s ;
    max-width: 100%;
}
.yf_btm .yf_model{
    position: absolute;
    background: linear-gradient(to bottom,rgba(0,0,0,.8),rgba(0,0,0,.0));
    width: 100%;
    top: 0;
    left: 0;
    padding: 40px 40px 80px 40px;
    box-sizing: border-box;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
}
.yf_btm .yf_model i{
    display: block;
    width: 50px;
    margin-top: 17px;
    border-bottom: 1px solid #fff;
}
.td_con{
    padding: 60px 0 139px 0;
}
.td_ul{
    overflow: hidden;
}
.td_ul li{
    float: left;
    width: 299px;
    height: 305px;
    position: relative;
    margin-right: 1px;
    margin-top: 1px;
    overflow: hidden;
}
.td_ul li img{ width:300px; height:305px; overflow:hidden;}
.td_ul .td_model{
    position: absolute;
    top: 100%;
    left: 0;
    width: 299px;
    height: 305px;
    background: rgba(0,0,0,.8);
    color: #fff;
    padding-left: 30px;
    padding-top: 73%;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.td_ul li:hover .td_model{
    top: 0;
}
.td_model span{
    font-size: 15px;
}
/*合作客户*/
.hz_pic{
    width: 220px;
    height: 96px;
    float: left;
    margin-right: 20px;
    position: relative;
    overflow: hidden;
}
.hz_pic span{
    background: rgba(0,0,0,.8);
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    line-height: 96px;
    color: #fff;
    top: 100%;
    left: 0;
    display: block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.hz_pic:hover span{
    top: 0;
}
.hz_pic img{
    max-width: 100%;
}
.hz_con{
    padding: 21px 0 110px 0;
}
.hz_con .w1200{
    padding: 40px 0 5px 0;
}
.hz_con div.w1200:last-child{
    border-bottom: none;
}
/*应用领域*/
.field_con{
    width: 100%;
    height: 574px;
    background: url("../images/yy_bg.jpg") no-repeat top center fixed;
    background-size: cover;
    position: relative;
}
.field_con:after{
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    background: rgba(0,0,0,.5);
}
.field_lf{
    width:692px;
    height: 100%;
    position: relative;
    z-index: 9;
}
.field_lf h2{
    font-size: 45px;
    color: #fff;
    font-weight: normal;
    padding: 114px 0 8px 0;
}
.field_lf h3{
    font-size: 25px;
    color: #F1F1F1;
    font-weight: normal;
}
.field_lf .p1{
    padding-top: 46px;
}
.field_lf .p2{
    padding-top: 42px;
}
.field_lf p{
    font-size: 15px;
    color: #ECECED;
    line-height: 35px;
}
.field_car{
    padding: 50px 0 74px 0;
}
.car_pic{
    width: 612px;
    height: 367px;
    float: left;
}
.car_pic img{
    max-width: 100%;
}
.car_text{
    width: 588px;
    height: 367px;
    float: left;
    padding-left: 40px;
    box-sizing: border-box;
}
.car_text h2{
    font-size: 25px;
    color: #283890;
}
.car_text i{
    display: block;
    width: 156px;
    height: 3px;
    background: #CACACA;
    margin-top: 37px;
    margin-bottom: 29px;
}
.car_text p{
    color: #696969;
    font-size: 15px;
    line-height: 35px;
}
.car_mid{
    float: left;
    width: 1060px;
    height: 100px;
    margin-left: 20px;
    margin-right: 20px;
    overflow: hidden;
    padding-top: 40px;
    position: relative;
}
.car_lf,.car_rt{
    width: 50px;
    height: 100px;
    float: left;
    margin-top: 40px;
}
.car_lf{
    background: #8C8C8C;
}
.car_rt{
    background: #283890;
}
.clk_lf,.clk_rt{
    display: block;
    width: 100%;
    height: 100%;
}
.clk_lf{
    background: url("../images/ji_lf.png") no-repeat 16px 35px;
}
.clk_rt{
    background: url("../images/ji_rt.png") no-repeat 16px 35px;
}
.pic_con{
    width: 1770px;
    position: absolute;
    bottom: 0;
    -webkit-transition: all .3s ;
    -moz-transition: all .3s ;
    -ms-transition: all .3s ;
    -o-transition: all .3s ;
    transition: all .3s ;
    transition-delay: .1s;
}
.pic_con:after{
    content: '';
    display: block;
    clear: both;
}
.pic_con li{
    width: 167px;
    height: 100px;
    float: left;
    margin: 0 5px;
    position: relative;
}
.pic_con li p{
    display: none;
}
.pic_con li img{
    max-width: 100%;
}
.yel:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid #FFA800;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.yel:after{
    content: '';
    display: block;
    position: absolute;
    background: url("../images/tip_yellow.png") no-repeat;
    width: 15px;
    height: 9px;
    top: -9px;
    left: 48%;

}
.field_case{
    height: 654px;
    background: url("../images/cases.jpg") no-repeat top center fixed;
    background-size: cover;
}
.case{
    overflow: hidden;
    float: left;
    width: 1200px;
}
.case_title{
    text-align: center;
    font-size: 25px;
    padding-top: 55px;
    padding-bottom: 49px;
}
.case1{
    width: 370px;
    height: 381px;
    background: #fff;
    float: left;
    margin: 0 15px;
    position: relative;
    overflow: hidden;
}
.case1_text{
     height: 158px;
     padding: 20px;
    box-sizing: border-box;
     margin-top: -4px;
    color: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
 }
.case2_text{
    height:1px;
    padding: 20px;
    box-sizing: border-box;
    margin-top: -4px;
    color: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 0;
}

.case1_text h2,.case1_text span{
    font-size: 18px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.case1_text p{
    font-size: 14px;
    color: #737373;
    padding: 12px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 5;
    -webkit-line-clamp: 5;
    -webkit-box-orient:  vertical;
    text-align: left;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.case1 .cont{
    display: none;
}
.case1 .description{
    display: block;
}
.case2_text h2{
    color: #FFF;
    font-size: 20px;
    margin-bottom: 20px;
}
.field_case .case1:hover .case1_text{
    background: rgba(40, 56, 144, .9);
}
/*.case1:hover .case1_text{*/
    /*color: #fff;*/
    /*background: rgba(40,56,144,.8);*/
/*}*/
.case1:hover .case1_text p,.case1:hover .case1_text h2,.case1:hover .case1_text span{
    color: #FFF;
}
.case1:hover .case2_text p,.case1:hover .case2_text{
    color: #FFF;
    font-size: 14px;
    line-height: 25px;
}
.case1:hover .case2_text{
    height: 100%;
    background: rgb(40,56,144);
    opacity: 1;
}
.case1 img{
    width: 370px;
    height: 223px;
}
.f_slide{
    width: 1200px;
    height: 381px;
    overflow: hidden;
    position: relative;
}
.f_slide_con{
    width: 3600px;
    position: absolute;
    top: 0;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    transition-delay: .1s;
}
.qh_btn{
    text-align: center;
    padding-top: 40px;
}
.qh_con{
    float: none;
    display: inline-block;
}
.btn_lf,.btn_rt{
    width: 44px;
    height: 37px;
    line-height: 37px;
    font-size: 26px;
    color: #C5C5C5;
    border: 1px solid #C5C5C5;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    float: left;
}
.btn_lf:hover,.btn_rt:hover{
    background: #FFA800;
    color: #FFF;
}
.btn_mid{
    float: left;
    margin: 0 10px;
}
.btn_mid a{
    display: block;
    width: 72px;
    height: 37px;
    line-height: 37px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #c5c5c5;
    color: #000;
    box-sizing: border-box;
}
.field_wx{
    padding-bottom: 64px;
}
.field_wx h2{
    font-size: 25px;
    text-align: center;
    padding: 45px 0 44px 0;
}
.wx_more a{
    display: block;
    margin: 50px auto;
    width: 199px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #000;
    background: #CFCFCF;
}
.wx_more a:hover{ background:#283890; color:#fff;}
.down{
    float: right;
    padding-left: 40px;
    display: block;
    background: url("../images/download.png") no-repeat 13px 0px;
}
.wx_lf ul li,.wx_rt ul li{
    padding-left: 20px;
    padding-bottom: 19px;
    background: url("../images/jt.png") no-repeat 0 5px;
}
.wx_lf ul li:last-child,.wx_rt ul li:last-child{
    padding-bottom: 0;
}
.wx_lf ul li a,.wx_rt ul li a{
    color: #666666;
    font-size: 15px;
}
.wx_lf{
    float: left;
    width: 600px;
    border-right: 1px solid #D0D0D0;
    padding-right: 44px;
    box-sizing: border-box;
}
.wx_rt{
    float: left;
    width: 600px;
    padding-left: 44px;
    box-sizing: border-box;
}
/*工程案列*/
.downl{
    padding: 70px 0 140px 0;
}
.cs{
    padding: 55px 0 125px 0;
}
.cs .case1{
    margin: 15px;
}
.cs .case1_text{
    background: #E9E9E9;
}
/*产品中心*/
.pro_index{
    background: url("../images/pr01.jpg") no-repeat top center fixed;
    width: 100%;
    height: 882px;
    text-align: center;
}
.pro_list{
    float: left;
    width: 399px;
    height: 450px;
    margin-right: 1px;
    position: relative;
}
.pro_list img{
    opacity: 1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.pro_top{
    width: 399px;
    height: 150px;
    background: rgba(255,255,255,.8);
    padding:0 40px;
    box-sizing: border-box;
    opacity: 1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.pro_top h2{
    font-size: 25px;
    padding: 60px 0 25px 0;
}
.pro_top p{
    color: #5E5E5E;
    font-size: 15px;
    line-height: 30px;
}
.pro_center{
    font-size: 45px;
    font-weight: normal;
    color: #fff;
    padding-top: 82px;
}
.pro_xl{
    font-size: 18px;
    color: #fff;
    padding: 15px 148px;
}
.pro_slide{
    margin-top: 45px;
    width: 1200px;
    height: 490px;
    overflow: hidden;
    position: relative;
}
.pro_con{
    width: 3600px;
    height: 490px;
    position: absolute;
    top: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    transition-delay: .1s;
}
.pro1{
    float: left;
}
.pro_model{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.8);
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    padding: 0 42px;
    box-sizing: border-box;
}
.pro_list:hover .pro_top{
    opacity: 0;
}
.pro_list:hover img{
    opacity: 0;
}
.pro_list:hover .pro_model{
    opacity: 1;
}
.pro_model h2{
    font-size: 25px;
    padding-top: 95px;
}
.pro_model i{
    display: block;
    width: 57px;
    height: 5px;
    background: #283890;
    margin: 27px auto 36px auto;
}
.pro_model p{
    color: #5E5E5E;
    font-size: 15px;
    line-height: 30px;
}
.pro_model a{
    display: block;
    margin: 53px auto 0 auto;
    width: 292px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    background: #283890;
    color: #fff;
}
.product_lf,.product_rt{
    position: absolute;
    top: 210px;
    width: 37px;
    height: 95px;
}
.product_lf{
    left: 0;
    background: #434343;
}
.product_rt{
    right: 0;
    background: #283890;
}
.product_rt span,.product_lf span{
    display: block;
    height: 100%;
}
.product_rt span{
    background: url("../images/ji_rt.png") no-repeat 10px 32px;
}
.product_lf span{
    background: url("../images/ji_lf.png") no-repeat 10px 32px;
}
.server_con .f25{
    padding: 55px 0 20px 0;
}
.server1{
    width: 379px;
    height: 400px;
    float: left;
    background: #DCDCDC;
    margin:10px;
    padding: 30px;
    box-sizing: border-box;
    position: relative;
}
.server1:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 53%;
    background: #283890;
    z-index: -2;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.server1:after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(40,56,144,.6);
    z-index: 0;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.ser1_con{
    position: relative;
    z-index: 1;
}
.server1:hover:before,.server1:hover:after{
    opacity: 1;
}
.server1:hover{
    background: url("../images/server_con.jpg") no-repeat bottom center;
}
.server1:hover .server1_title,.server1:hover .server1_en,.server1:hover .p15,.server1:hover a{
    color: #FFF;
}
.server1:hover i{
    border-top: 1px solid #fff;
}
.server_slide{
    width: 1200px;
    /*height: 400px;*/
    overflow: hidden;
    margin: 49px 0 40px 0;
    position: relative;
}
.pro_cir{
    overflow: hidden;
    text-align: center;
    margin-bottom: 125px;
}
.pro_cir span{
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #7C7C7C;

    margin: 0 auto;
}
.pro_cir span.active{
    background: #2A3890;
}
.server_slide_con{
    width: 1200px;
    /*height: 400px;*/
    /*position: absolute;*/
    /*top: 0;*/
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    transition-delay: .1s;
}
.server_list{
    width: 1200px;
    height: 400px;
}
.server1_title{
    font-size: 20px;
    font-weight: bold;
}
.server1 .sup1{
    margin: 20px 0 14px 0;
}
.server1 .sup2{
    margin: 20px 0 14px 0;
    display: none;
}
.server1:hover .sup1{
    display: none;
}
.server1:hover .sup2{
    display: block;
}
.server1_en{
    font-size: 14px;
    color: #8F8F8F;
    padding: 2px 0 16px 0;
}
.server1 i{
    display: block;
    width: 45px;
    border-top: 1px solid #000;
    margin-bottom: 31px;
}
.server1 a{
    display: block;
    margin-top: 19px;
    color: #000;
}
/*选择产品*/
.pro_s_c{
    margin-top: 50px; margin-left:500px;
}
.pro_s_c:after{
    content: '';
    display: block;
    clear: both;
}
.pro_s_c div{
    float: left;
}
#pro{
    outline: none;
    width: 322px;
    height: 36px;
    border-color: #E1E1E1;
    font-size: 16px;
}
.custom_search{
    margin-left: 40px;
}
#custom_con{
    width: 322px;
    height: 36px;
    border: 1px solid #E1E1E1;
    outline: none;
    font-size: 16px;
    padding-left: 5px;
}
.act_search{
    margin-left: 15px;
    width: 214px;
    height: 36px;
    line-height: 38px;
    text-align: center;
    background: #283890;
    color: #FFF;
    border: none;
    font-size: 16px;
}
.squ{
    width: 21px;
    height: 21px;
    border: 2px solid #D2CECB;
    text-align: center;
    line-height: 21px;
    display: inline-block;
    margin-right: 11px;
}
.blue_squ{
    width: 13px;
    height: 13px;
    background: #273691;
    display: inline-block;
}
.clk_sel{
    overflow: hidden;
    padding-top: 20px;
}
.clk_title,.clk_all,.clk_opt{
    float: left;
}
.clk_title{
    font-weight: bold;
}
.clk_all{
    margin-left: 23px;
}
.clk_opt{
    width: 1020px;
}
.clk_opt ul li{
    
    margin-left: 30px;
    float: left;
    font-size: 14px;
    margin-bottom: 30px;
    color: #515151;
}
.program{
    width: 369px;
    height: 355px;
    background: #EFEFEF;
    float: left;
    margin: 30px 15px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.program span{
    display: block;
    width: 100%;
    height: 74px;
    line-height: 74px;
    text-align: center;

}
.pro_result{
    overflow: hidden;
    padding-bottom: 20px;
}
.program_top{
    width: 365px;
    height: 274px;
    margin: 2px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.program_model{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(40,56,144,.6);
    text-align: center;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.program_model img{
    position: absolute;
    top: 35%;
    left: -15%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.program_model p{
    color: #FFF;
    position: absolute;
    top: 55%;
    right: -15%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.program:hover{
    box-shadow:0 0 15px 2px #DBD9DA;
    background: #fff;
}
.program:hover .program_model{
    opacity: 1;
}
.program:hover .program_model img{
    left: 45%;
}
.program:hover .program_model p{
    right: 41%;
}
.fw_02 li{
    width: 300px;
    height: 98px;
    float: left;
    background: url(../images/wh_lf.jpg) no-repeat left top;
    padding: 11px 22px;
    box-sizing: border-box;
    margin-top: 30px;
}
.fw_02 li h2{
    font-weight: normal;
    font-size: 20px;
}
.fw_02 li p{
    font-size: 15px;
    color: #666666;
}
.fw_top .p_top{
    margin-top: 60px;
    line-height: 30px;
}
.fw_slider{
    background: #283890;
    margin-top: 75px;
}

#fw_con li{
    float: left;
    width: 200px;
    height: 106px;
    line-height: 106px;
    text-align: right;
    font-size: 20px;
    color: #FFF;
    padding-right: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
#fw_con li span{
    position: absolute;
    display: block;
    width: 32px;
    height: 18px;
    left: 23%;
    bottom: -18px;
    background: url("../images/xia.png") no-repeat;
    opacity: 0;
}
.fw_pic{
    width: 1200px;
    height: 417px;
    margin-top: 50px;
    margin-bottom: 128px;
    position: relative;
    opacity: 0;
    -webkit-transition: all .5s ;
    -moz-transition: all .5s ;
    -ms-transition: all .5s ;
    -o-transition: all .5s ;
    transition: all .5s ;
}
.fw_pic img{
    max-width: 100%;
}
.fw_model{
    background: rgba(40,50,85,.8);
    position: absolute;
    width: 48%;
    height: 100%;
    top: 0;
    left: 0;
    color: #FFF;
    padding: 0 53px;
    box-sizing: border-box;
}
.fw_model h2{
    font-size: 35px;
    text-align: center;
    padding: 72px 0 26px 0;
}
.fw_model i{
    display: block;
    width: 74px;
    height: 2px;
    background: #FFF;
    margin: 0 auto;
}
.fw_model p{
    text-align: center;
    padding-top: 46px;
    line-height: 30px;
}
.fw1{
    background: url("../images/fw1.png") no-repeat 36px 26px;
}
.fw2{
    background: url("../images/fw2.png") no-repeat 36px 26px;
}
.fw3{
    background: url("../images/fw3.png") no-repeat 36px 26px;
}
.fw4{
    background: url("../images/fw4.png") no-repeat 36px 26px;
}
.fw5{
    background: url("../images/fw5.png") no-repeat 36px 26px;
}
.fw6{
    background: url("../images/fw6.png") no-repeat 36px 26px;
}
.vedio_ct{
    padding: 55px 0 87px 0;
}
.news_hd{
    padding: 50px 0 94px 0;
}
#news_hd li{
    width: 370px;
    height: 325px;
    margin: 20px 15px;
    float: left;
}
.new_list .p_title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient:  vertical;
    padding: 12px 0 0px 0;
}
.new_list .p_title a{
    color: #000;
}
.new_list .p_title a:hover{ color:#28388d; text-decoration:underline;}


.news_yg_pic img {-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;-webkit-transform: scale(1);transform: scale(1);}
.news_yg_pic:hover img {-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;-webkit-transform: scale(1.15);transform: scale(1.15);}
.news_yg_pic {position: relative;z-index: 1;display: inline-block;overflow: hidden; text-align: center;cursor: pointer;}




.new_list span{
    font-size: 13px !important;
    color: #646464;
}
.new_list .p_con{
    font-size: 13px;
    color:#505050;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient:  vertical;
    padding-top: 13px;
}
#view_ul .view{
    float: left;
    width: 370px;
    height: 334px;
    background: #EFEFEF;
    padding: 15px;
    margin: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
#view_ul .view:hover{
    background: #283890;
}
#view_ul .view:hover .view_pic{
    border: 3px solid #fff;
}
#view_ul .view:hover .view_tim,#view_ul .view:hover .view_num,#view_ul .view:hover .v_title{
    color: #FFF;
}
.v_title{
    font-size: 15px;
    padding-top: 12px;
    color: #000;
}
.view_pic{
    width: 340px;
    height: 231px;
    border: 3px solid transparent;
    position: relative;
}
.view_pic img{
    width: 100%;
}
.clk_act{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/clk_act.png") no-repeat 132px 82px;
}
.view_tj{
    overflow: hidden;
    padding-top: 6px;
}
.view_tj div{
    float: left;
    padding-left: 24px;
    font-size: 14px;
    color: #636363;
}
.view_tim{
    background: url("../images/tim.png") no-repeat 0 4px;
}
.view_num{
    background: url("../images/view.png") no-repeat 0 4px;
    margin-left: 15px;
}
.hy_new{
    padding: 25px 0 140px 0;
}
.hy_lf{
    float:left;
    width:148px;
    text-align:right;
    padding-right:30px;
    box-sizing:border-box;
    color:#B9B9B9;
    font-size:24px;
}
.hy_list{
    overflow:hidden;
    padding:30px;
    transition:all .5s;
    border-top:1px solid transparent;
    border-bottom:1px solid #E0E0E0;
}
.hy_list:hover .hy_lf{
    color:#263286;
}
.hy_list:hover .hy_rt h2{
    color:#263286;
}
.hy_list:hover{
    background:#F0F0F0;
    border-top:1px solid transparent;
    border-bottom:1px solid #E1E1E1;
}
.hy_rt{
    float:left;
    width:990px;
}
.hy_rt h2{
    font-size:16px;
    color:#000;
}
.hy_rt p{
    font-size:14px;
    color:#686868;
    padding-top:10px;
    padding-bottom:15px;
}
.hy_rt a{
    color:#000;
}
.search_box{
    position: relative;
}
.search_box_2 {
    position: absolute;
    display: none;
    top: -12px;
    z-index: 130;
    right: 28%;
    overflow: hidden;
    width: 747px;
    height: 80px;
    border: none;
    line-height: normal;
}
.search_box_2 div.saad{
    left: 0;
}
.search_box_2 .sea_form {
    position: absolute;
    right: 0;
    left: 760px;
    float: left;
    width: 685px;
    margin-top: 10px;
    background:#eee;
    -webkit-transition: all .5s ;
    -moz-transition: all .5s ;
    -ms-transition: all .5s ;
    -o-transition: all .5s ;
    transition: all .5s ;
    transition-delay: .3s;
}
.search_box_2 .sea_form input {
    border: none;
    outline: none;
}
.search_box_2 .word_input {
    line-height: 56px;
    width: 600px;
    height: 56px;
    padding: 0 10px;
    background: #eee;
}
.search_box_2 .sea_btn {
    width: 40px;
    height: 58px;
    cursor: pointer;
    text-indent: -9999px;
    background: url(../images/search01.png) no-repeat center #eee;
}
.seac_btn{
    position: absolute;
    margin-top: 10px;
    right: 0;
    background: #FFF;
}
.seac_btn i{
    display: block;
    width: 58px;
    height: 58px;
    background: url("../images/btn_close_1.png") no-repeat center center;
}

    /*发展历程*/


.about_content h2,.about_content h3{text-align:center;font-weight:bold;color:#000;}
.about_content h2{font-size:40px;margin-bottom:50px;}
.about_content p{font-size:16px;color:#000;line-height:180%;margin-bottom:20px;text-align:center;}
.about_content.history{text-align:center;position:relative;}


.event_box{width:1200px;margin:3% auto 0;position:relative;min-height:420px;}
.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto;top: 15px}
.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#E3E3E3;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:35%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:15px;font-size:16px;color:#283890;margin:0 30px;position:relative;font-weight: bold}
.parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:40px;}
.parBd{text-align:center;margin-top:38px;}
/*.parBd h4{position:relative;font-size:40px;margin-bottom:3%;padding:0 60px;display:inline-block;text-align:center;}
.parBd h4:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}
.parBd h4:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}
.parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto;}*/
.slide_con{padding-top: 45px;}
.slide_lf,.slide_rt{width: 600px;position: relative;float: left;}
.slide_lf:after{content:'';display: block;position: absolute;right: 0;top:0;height: 100%;border-right: 1px solid #EBEBEB;z-index: -1}
.slide_lf .lf_list{width: 540px; background:#e7e7e7;padding:21px 30px 40px 30px;box-sizing: border-box;position: relative;margin-bottom: 40px;}
.slide_lf .lf_list:after{content: "";display: block;position: absolute;width: 7px;height: 7px;border-radius: 50%;border: 5px solid #DCDCDC;right: -68px;top: 43px;}
.slide_lf .biaoji{position: absolute;right: -18px;top: 36px;}

.slide_rt{padding-top: 90px;padding-left: 60px;box-sizing: border-box}
.slide_rt .lf_list{width: 540px;background:#e7e7e7;padding:21px 30px 40px 30px;box-sizing: border-box;position: relative;margin-bottom: 40px;}
.slide_rt .lf_list:after{content: "";display: block;position: absolute;width: 7px;height: 7px;border-radius: 50%;border: 5px solid #DCDCDC;left: -69px;top: 43px;}
.slide_rt .sj_rt{position: absolute;left: -18px;top: 36px;}
.slide_rt h2{text-align: left;font-size: 40px;color: #FFA800;padding-bottom: 11px}
.slide_lf h2{text-align: right;font-size: 40px;color: #FFA800;padding-bottom: 11px}
.slide_lf p,.slide_rt p{font-size: 15px;color: #3c3c3c;line-height: 22px;overflow: hidden;text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 3;-webkit-line-clamp: 3;-webkit-box-orient:  vertical;text-align: left}
.slide_pic{width: 480px;height: 286px;margin-top: 27px}
.slide_pic img{max-width: 100%}
.parBd h4{font-size: 40px; color:#c6c6c6;}
div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../images/cat.png) no-repeat;position:absolute;top:-12px;left:40px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}

.check{
    border: 1px solid red;
    font-size: 24px;
}
.news_ny{
    padding: 50px 0 50px 0;
}
.news_ny h2{
    text-align: center;
}
.news_ny .ny_tim{
    color: #9A9A9A; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:20px; text-align:center !important;
}
.news_ny .ny_con{
    padding: 10px 0px;
    text-align: left;
}
.news_ny p{ font-size:15px;text-align: left;
    line-height: 30px;
}
/*分页*/
#page{
    float: left;
    width: 1190px;
    /* margin: 0 auto; */
    text-align: center;
}
#page>div{
    float: none;
    display: inline-block;
}
.pagination{
    height: 30px;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 13px;
}
ul.pagination>li{
    float: left;
    list-style: none;
}
ul.pagination>li>a{
    display: inline-block;
    padding: 3px 10px;
    border-radius: 3px;
    margin-left: 4px;
    background: #F3F3F3;
    color: #6B6B6B;
    font-weight: 600;
    border: 1px solid #D0D0D0;
}
ul.pagination>li.disabled>a{
    background: #4B4D53;
    color: #fff;
    border: 1px solid #2D2D32;
}
/*nav*/
.nav_con .w1200{
    position: relative;}
#slidenav{position:relative;
    width: 800px;
    height: 100px;
    float: right;}
#slidenav ul{width:800px;overflow:hidden;height:auto;position:absolute;left:50%;top:32px;margin-left:-400px;z-index:30;}
#slidenav ul li{width:88px;height:auto;float:left;text-align:center; position:relative;}
#slidenav ul li>a{width:100%;height:40px;line-height:40px;margin-bottom:10px;display:block;float:left;font-size:15px;font-family:'微软雅黑';color:#fff;text-decoration:none;}
#slidenav ul li a.first{background:none;}

.second a{
    color: #D3D3D2;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 14px;
}
.second p{
    margin:7px 0;
}
.second a:hover{
    color: #50a2ff;
}
#slidenav ul li a:hover{text-decoration:none;}
/*#slidenav ul li.on a{color:#e46b12;}*/
#slidenav ul li .second{width:80px;min-height:190px;padding:10px 4px;float:left;display:none;margin-top: 18px}
#slidenav .dot{width:800px;height:4px;line-height:8px;position:absolute;left:50%;top:96px;margin-left:-400px;z-index:20;}
#slidenav .dot div{width:800px;height:4px;line-height:8px;position:relative;}
#slidenav .dot div span{width:88px;height:4px;background:#3B6CC9;/*url(img/dot.gif) no-repeat center center;*/display:block;position:absolute;left:0;top:0;}
#slide{width:100%;height:0;background:rgba(0,0,0,.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5000000,endColorstr=#E5000000);overflow:hidden;position:absolute;left:0;top:100px;z-index:10;}


/*首页服务内容*/
.servicesBox{width:1200px;height:215px;margin:0 auto;clear:both;line-height:18px;color:#999999;font-size:12px;}
.servicesBox .serBox{cursor:pointer;border:1px solid #292929;display:inline;width:188px;height:215px;float:left; margin-left:5px; margin-right:5px;overflow:hidden;background:url(../images/inbg01.png) repeat;position:relative;}
.servicesBox .serBoxOn{font-family:"微软雅黑";display:none;width:188px;height:215px;background-color:#000;position:absolute;left:0px;top:0px;z-index:19;}
.servicesBox .serBox .pic1{width:70px;height:105px;text-align:center;position:absolute;top:30px;right:59px;z-index:99;}
.servicesBox .serBox .pic2{width:70px;height:105px;text-align:center;position:absolute;top:30px;left:-118px;z-index:99;}
.servicesBox .serBox .txt1{width:188px;height:35px;color:#515151; font-size:18px;position:absolute; font-weight:700;top:155px;left:0px;z-index:99;}
.servicesBox .serBox .txt2{width:188px;height:35px;color:#a9cf4f;position:absolute; color:#fff; font-size:18px;top:155px;right:-230px; font-weight:700;z-index:99;}
.servicesBox .serBox span.tit{font-size:16px;display:block;text-align:center;}
.servicesBox .serBox .txt1 .tit{color:#000000;line-height:30px;}
.servicesBox .serBox .txt2 .tit{color:#fff;line-height:30px;font-family:"微软雅黑";}
.servicesBox .serBox p{padding:0 10px;text-align:center;}

.program_top .cp_pic{
    width: 365px;
    height: 274px;
}
.ny_chen{ font-size:15px; line-height:25px;}
.newsnext a{ color:#000;}
.newsnext a:hover{ color:#3b6cc9; text-decoration:underline;}
.nextfh a{ width:120px; height:35px; border:1px solid #3b6cc9; background:#fff; border-radius:50px; text-align:center; line-height:35px; color:#3b6cc9; display:block;}
.nextfh a:hover{ color:#fff; border:1px solid #293b92; background:#293b92;}
.wz_ys{ color:#414141;
    overflow: hidden;
    margin: 25px 0;}
.chen_ab_wz{ font-size:15px; line-height:22px !important; margin-top:15px;  font-weight:normal;}

/*产品详情页2017/12/14*/
.other_pro{
    background: #EAEAEA;
}
.other_title{
    width: 370px;
    height: 77px;
    text-align: center;
    line-height: 77px;
    background: #FFF;
    color: #000;
}
#other{
    width: 2000px;
}
#other:after{
    content: '';
    display: block;
    clear: both;
}
#other li{
    float: left;
    width: 400px;
    height: 351px;
}
#other li a{
    display: block;
    width: 370px;
    height: 351px;
    margin: 0 15px;
}
.wz_lf{
    float: left;
}
.wz_rt{
    width: 599px;
    float: left;
    padding-left: 38px;
    box-sizing: border-box;
    font-size: 15px;
}
.wz_rt h2{
    text-align: left;
    margin-bottom: 20px;
}
.wz_lf img{
    width: 601px;
    height:452px;
    display: block;
}
.show_list:after{
    content: '';
    display: block;
    clear: both;
}
.show_list>div{
    float: left;
}
.show_mid{
    width: 540px;
    min-height: 88px;
    overflow: hidden;
    position: relative;
}
#show_con{
    position: absolute;
    top: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    transition-delay: .1s;
    margin-top: 10px;
}
#show_con:after{
    content: '';
    display: block;
    clear: both;
}
#show_con li{
    float: left;
    margin: 0 2.5px;
    cursor: pointer;
    position: relative;
}
#show_con li img{
    width: 103px;
    height: 78px;
}
.show_lf{
    margin-right: 4px;
}
.show_rt{
    margin-left: 3px;
}
.an{
    width: 27px;
    height: 78px;
    line-height: 78px;
    text-align: center;
    background: #9D9D9D;
    color: #FFF;
    font-size: 20px;
    cursor: pointer;
    margin-top: 10px;
}
.an:hover{
    background: #B4B4B4;
}
#show_con li.act:after{
    content: '';
    display: block;
    position: absolute;
    left: 42%;
    top: -6px;
    width: 13px;
    height: 6px;
    background:url("../images/up_dir.png") no-repeat center center;
}
#show_con li.act:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 3px solid #3B6CC9;
    box-sizing: border-box;
}
img {text-decoration: none; border: 0px}